<template>
    <div class="user">
        <!--按钮—-->
      <div class="btns">
           <el-button type="primary" size="small" >新增</el-button>
      </div>
 <!--/按钮—-->
  <!--表格—-->
  <el-table
    :data="user"
    style="width: 100%"
    height="500">
    <el-table-column
      fixed
      prop="id"
      label="序号"
      width="100">
    </el-table-column>
    <el-table-column
      prop="username"
      label="用户姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="password"
      label="密码"
      width="120">
    </el-table-column>
    <el-table-column
      prop="telephone"
      label="电话"
      width="120">
    </el-table-column>
    <el-table-column
      prop="realname"
      label="真实姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="gender"
      label="性别"
      width="120">
    </el-table-column>
    <el-table-column
      prop="birth"
      label="出生日期"
      width="120">
    </el-table-column>
    <el-table-column
      prop="email"
      label=email
      width="120">
    </el-table-column>
    <el-table-column
      prop="autograph"
      label=签名
      width="120">
    </el-table-column>
    <el-table-column
      prop="is_free"
      label=备注
      width="120">
    </el-table-column>
    <el-table-column
      prop="status"
      label="状态"
      width="120">
    </el-table-column>
    <el-table-column
      prop="user_face"
      label="用户头像"
      width="120">
    </el-table-column>
    <el-table-column
      prop="id_card"
      label="身份证号"
      width="120">
    </el-table-column>
    <el-table-column
      prop="address"
      label="家庭地址"
      width="300">
    </el-table-column><el-table-column
      prop="nation"
      label="国家"
      width="120">
    </el-table-column>
    <el-table-column
      prop="register_time"
      label="登录时间"
      width="120">
    </el-table-column>
    <el-table-column
      prop="introdue"
      label="简介"
      width="200">
    </el-table-column>
  </el-table>
   <!--/表格—-->
    </div>
</template>>
<script>
import  {get,post}  from '@/utils/request'
export default {
  data() {
    return{
      user:[]
    }
  },
   created(){
    this.loaduser();
   },
   methods:{
     loaduser(){
        let url ='http://localhost:8888/base_user/query'
        get(url).then((resp)=>{

        this.user=resp.data;
        })
     }
   }
}
</Script>
<style scoped>
</style>